﻿@model CREAPA.Dominio.Funcionario

@{
    ViewBag.Title = "Cadastrar";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/Scripts/js/JavaScriptUtil.js"></script>
<script src="~/Scripts/js/Parsers.js"></script>
<script src="~/Scripts/js/original/InputMask.js"></script>


<script language="javascript">
    function setup() {
        var phoneMask = new InputMask("(##) #####-####", "Pessoa_Fone");
        var cpfMask = new InputMask("###.###.###-##", "Pessoa_CPF");
        var loginMask = new InputMask(fieldBuilder.lowerLetters(), "Login");
        var emailMask = new InputMask([fieldBuilder.lowerLetters(), fieldBuilder.literal(String.fromCharCode(64) + "creapa.com.br")], "Pessoa_Email");
        var cargaHoMask = new InputMask(fieldBuilder.inputNumbers(), "CargaHo");
        var errorMessage = "Data Invalida: ${value}. Formato Esperado: ${mask}";
        var DtNasc = new DateMask("dd/MM/yyyy", "DtNasc");
        DtNasc.validationMessage = errorMessage;
        var DtAdm = new DateMask("dd/MM/yyyy", "DtAdm");
        DtAdm.validationMessage = errorMessage;

    }
</script>
<script language="javascript">
    function ImportSITAC() {
        var cpf = document.getElementById("Pessoa_CPF").value;
        $.ajax(
            {
                type: "POST",
                url: "ImportaSITAC",
                data: { "cpf": cpf },
                processData: true,
                success:
                function (resultado) {
                    if (resultado == "CPF Inválido") {
                        alert(resultado)
                    } else {
                        if (resultado == "CPF não Cadastrado") {
                            alert(resultado)
                        } else {
                            document.getElementById("Pessoa_Nome").innerText = Pessoa_Nome.value = resultado.Pessoa.Nome;
                            document.getElementById("Pessoa_CPF").innerText = Pessoa_CPF.value = resultado.Pessoa.CPF;
                            document.getElementById("Pessoa_Email").innerText = Pessoa_Email.value = resultado.Pessoa.Email;
                            document.getElementById("Pessoa_Fone").innerText = Pessoa_Fone.value = resultado.Pessoa.Fone;
                            document.getElementById("Login").innerText = Login.value = resultado.Login;
                        }
                    }
                },
            })
    };
</script>


    <style>
        h1 {
            margin-bottom: 1rem;
        }

        * {
            margin: 0;
            padding: 0;
        }

        fieldset.grupo {
            border: 0;
        }


        body, input, select, textarea, button {
            font-family: sans-serif;
            font-size: 1em;
        }

        .grupo:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .campo {
            margin-bottom: 1em;
        }

            .campo label {
                margin-bottom: 0.2em;
                color: #000;
                display: block;
                margin-left: 3px;
            }

        fieldset.grupo .campo {
            float: left;
            margin-right: 2em;
        }
    
        fieldset.grupo #campo3 {
            float: left;
            margin-right: 0em;
        }

        .campo2 {
            margin-bottom: 1em;
        }

        fieldset.grupo .campo2 {
            margin-right: 5em;
        }

        .campo2 label {
            margin-bottom: 0.2em;
            color: #000;
            display: block;
            margin-left: 3px;
        }

        .campo input[type="text"],
        .campo input[type="email"],
        .campo input[type="url"],
        .campo input[type="tel"],
        .campo select,
        .campo textarea {
            padding: 0.2em;
            border: 1px solid #CCC;
            box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
            display: block;
            width: 320px;
            margin-left: 3px;
        }
        .campo input[type="button"]{
            padding: 0.2em;
            border: 1px solid #CCC;
            display: block;
            width: 120px;
            margin: 0px;
            margin-top: 19px;
        }

        #campo3 input[type="text"] {
         width: 200px;
        }  
    
        .campo select option {
            padding-right: 1em;
        }

        /*.campo input:focus, .campo select:focus, .campo textarea:focus {
            background: #ffffff;
        }*/

        .campo label.checkbox {
            color: #000;
            display: inline-block;
            margin-right: 1em;
        }
    </style>

<h2>Cadastrar Funcionario</h2>

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
<body onload="setup()">
    <fieldset>
        <legend><b>Funcionario</b></legend>
        <fieldset class="grupo">
            <div class="login-msg">
                <div class="campo">
                    @Html.LabelFor(model => model.Pessoa.Nome)
            @Html.EditorFor(model => model.Pessoa.Nome)
            @Html.ValidationMessageFor(model => model.Pessoa.Nome)
                </div>
                <div class="login-msg">
                    <div class="campo">
                        @Html.LabelFor(model => model.Matricula)
            @Html.EditorFor(model => model.Matricula)
            @Html.ValidationMessageFor(model => model.Matricula)
                    </div>
                    <div class="login-msg">
                        <div class="campo">
                            @Html.LabelFor(model => model.Rg)
            @Html.EditorFor(model => model.Rg)
            @Html.ValidationMessageFor(model => model.Rg)
                        </div>
        </fieldset>
        <fieldset class="grupo">
            <div class="login-msg">
                <div class="campo" id="campo3">
                    @Html.LabelFor(model => model.Pessoa.CPF)
            @Html.EditorFor(model => model.Pessoa.CPF)
            @Html.ValidationMessageFor(model => model.Pessoa.CPF)
                 </div>
            <div class="campo" id="campo4">
            <input type="button" value="Buscar no SITAC" class="button2" onclick="ImportSITAC();" />
                </div>
                <div class="login-msg">
                    <div class="campo">
                        @Html.LabelFor(model => model.Login)
            @Html.EditorFor(model => model.Login)
            @Html.ValidationMessageFor(model => model.Login)
                    </div>
                    <div class="login-msg">
                        <div class="campo">
                            @Html.LabelFor(model => model.DtNasc)
            @Html.EditorFor(model => model.DtNasc)
            @Html.ValidationMessageFor(model => model.DtNasc)
                        </div>
        </fieldset>
        <fieldset class="grupo">
            <div class="login-msg">
                <div class="campo">
                    @Html.LabelFor(model => model.Pessoa.Email)
            @Html.EditorFor(model => model.Pessoa.Email)
            @Html.ValidationMessageFor(model => model.Pessoa.Email)
                </div>
                <div class="login-msg">
                    <div class="campo">
                        @Html.LabelFor(model => model.Pessoa.Fone)
            @Html.EditorFor(model => model.Pessoa.Fone)
            @Html.ValidationMessageFor(model => model.Pessoa.Fone)
                    </div>
                    <div class="login-msg">
                        <div class="campo">
                            @Html.LabelFor(model => model.ctps_serie)
            @Html.EditorFor(model => model.ctps_serie)
            @Html.ValidationMessageFor(model => model.ctps_serie)
                        </div>
        </fieldset>
        <fieldset class="grupo">
            <div class="login-msg">
                <div class="campo">
                    @Html.LabelFor(model => model.Cbo)
            @Html.EditorFor(model => model.Cbo)
            @Html.ValidationMessageFor(model => model.Cbo)
                </div>
                <div class="login-msg">
                    <div class="campo">
                        @Html.LabelFor(model => model.Pis)
            @Html.EditorFor(model => model.Pis)
            @Html.ValidationMessageFor(model => model.Pis)
                    </div>
                    <div class="campo">
                        @Html.LabelFor(model => model.CargaHo)
            @Html.EditorFor(model => model.CargaHo)
            @Html.ValidationMessageFor(model => model.CargaHo)
                    </div>
        </fieldset>
        <fieldset class="grupo">
            <div class="login-msg">
                <div class="campo">
                    @Html.LabelFor(model => model.DtAdm)
            @Html.EditorFor(model => model.DtAdm)
            @Html.ValidationMessageFor(model => model.DtAdm)
                </div>
        </fieldset>
        <fieldset class="grupo">
            <div class="login-msg">
                <div class="campo2" style="margin-left: 3px;">
                    @Html.LabelFor(model => model.IdInsp)
            @Html.DropDownList("IdInsp",  "Selecione")      
            @Html.ValidationMessageFor(model => model.IdInsp)
                </div>

                <div class="login-msg">
                    <div class="campo2" style="margin-left: 3px;">
                        @Html.LabelFor(model => model.Setor)
            @Html.DropDownList("Setor",  "Selecione")      
            @Html.ValidationMessageFor(model => model.Setor)
                    </div>

                    <div class="login-msg">
                        <div class="campo2" style="margin-left: 3px;">
                            @Html.LabelFor(model => model.IdCargo)
            @Html.DropDownList("IdCargo",  "Selecione")      
            @Html.ValidationMessageFor(model => model.IdCargo)
                        </div>

                        <div class="campo2" style="margin-left: 3px;">
                            @Html.LabelFor(model => model.Pessoa.Ativo)
            @Html.CheckBoxFor(model => model.Pessoa.Ativo, new { @checked = "checked" })
            @Html.ValidationMessageFor(model => model.Pessoa.Ativo)
                        </div>

                         <div class="login-msg">
        <div class="campo2" style="margin-left: 3px;">
             Selecione o arquivo com a assinatura: 
            <input type="file" name="FileUpload1"  />
            @Html.ValidationMessageFor(model => model.Assinatura)
        </div>
        </div>

                        <p>
                            <input type="submit" value="Cadastrar" class="button" />
                            @Html.ActionLink("Voltar", "Index",null,new { @class = "button2" })
                        </p>
        </fieldset>

    </fieldset>
</body>

}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<script>
    jQuery(document).ready(function () {
        // verifica se existe algum elemento com a class
        if ($(".button").length) {
            // adiciona evento desabilitando o botão
            $(".button").on('click', function () {
                $(this).attr({
                    disabled: true
                });
                // descobrindo o form pai e enviando
                this.value = 'Enviando...';
                $(this).parents('form:first').submit();
            });
        }
    });
</script>